<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("button").click(function(){
					$.ajax({
						type:"get",
						url:"js/address.json",
						async:true,
						success:function(data){
							console.log(data);
//							for(var i=0;i<data.length;i++){
//								var p = $("<p></p>");
//								p.html("姓名："+data[i].name+",年龄："+data[i].age);
//								p.appendTo($("body"));
//							}
//							$(data).each(function(idx,item){
//								console.log(item);
//								var p = $("<p></p>");
//								p.html("姓名："+item.name+",年龄："+item.age);
//								p.appendTo($("body"));
//							})
						},
						error:function(){
							
						}
					});
				})
				//载入远程 HTML 文件代码并插入至 DOM 中
				$(".obox").load("11动态表格.html");
			})
			
		</script>
	</head>
	<body>
		<button>按钮</button>
		<div class="obox"></div>
	</body>
</html>
